
.content {
    margin-left: 16.4%;
    margin-top: 3%;

}
.info {
    font-size: 16px;
    color: #686868;
}
.button {
    margin-left: 16.5%;
    margin-top: 50px;
}
.bom {
    
    border-radius: 8px;
    width: 150px;
    height: 50px;
    color: white;
    font-size: 16px;
    background-color: #2a98bb;
    border: none;
}
.pt {
    margin-left: 3%;
    height: 50px;
     width: 150px;
    line-height:50px;
    text-align:center;
    color:#fff;
    font-size: 16px;
    border:none;
    border-radius:8px;
    background:#2a98bb;
}
.sml {
    border:1px solid #66ac66;
    width: 8%;
    margin-left: 16.5%;
    margin-top: 30px;
    height: 250px;
    color: #66ac66;
    text-align: center;
    line-height: 240px;
    
}
.totalNum {
    /*width: 10%;*/
    width: 12.4%;
    height: 80px;
    position: absolute;
    margin-left: 25%;
    margin-top: -251px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: 0.4%;
    line-height: 80px;
}
.stop {
    width: 12.7%;
    padding-left: .6%;
    height: 80px;
    position: absolute;
    margin-left: 38.1%;
    margin-top: -251px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    line-height: 80px;
}
.repair {
    width: 12.7%;
    height: 80px;
    position: absolute;
    margin-left: 51.7%;
    margin-top: -251px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: .6%;
    line-height: 80px;
}
.abnormalNum {
     width: 12.7%;
    height: 80px;
    position: absolute;
    margin-left: 65.4%;
    margin-top: -251px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: .7%;
    line-height: 80px;
}
.propre {
    width: 12.5%;
    height: 80px;
    position: absolute;
    margin-left: 25%;
    margin-top: -166px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: .3%;
    line-height: 80px;
}
.production {
    width: 12.7%;
    padding-left: .6%;
    height: 80px;
    position: absolute;
    margin-left: 38.1%;
    margin-top: -166px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    line-height: 80px;
}
.turn {
    width: 12.7%;
    height: 80px;
    position: absolute;
    margin-left: 51.7%;
    margin-top: -166px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: .6%;
    line-height: 80px;
}
.remindpre {
     width: 12.8%;
    height: 80px;
    position: absolute;
    margin-left: 65.4%;
    margin-top: -166px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: .6%;
    line-height: 80px;
}
.proconrem {
    width: 26%;
    height: 80px;
    position: absolute;
    margin-left: 25%;
    margin-top: -81px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: .4%;
    line-height: 80px;
}
.protran {
    width: 26.75%;
    height: 80px;
    position: absolute;
    margin-left: 51.7%;
    margin-top: -81px;
    background-color: #66ac66;
    color: white;
    /*text-align: center;*/
    padding-left: .4%;
    line-height: 80px;
}
.number {
    margin-left: 55%;
}
.number1 {
    margin-left: 71%;
}
.number2 {
    margin-left: 72%;
}
.number3 {
    margin-left: 65%;
}
.number4 {
    margin-left: 79%;
}
.number5 {
    margin-left: 53%;
}